.menuList ul,
.menuList li,
.menuList span,
.menuList a {
  margin: 0;
  padding: 0;
  position: relative;
}


.menuList {
/*  list-style: none;*/
  width: 80%;
/*  border: 0px;
  margin: 5px;
  padding: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
  
  display: block;*/

margin: auto;
}
.menuList:after,
.menuList ul:after {
  content: '';
  display: block;
  clear: both;
}


.menuList ul {
  list-style: none;

}



.menuList > ul > form > li {
  display:inline-block;
  float: left;
  margin: 0;
  padding-right: 0px;
  width: 25%;
  height: 40px;
}

.menuList > ul > form > li > a {
    /*  css for the main menu */
    color: black;
    background: #d6d1de;
  display: block;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  padding: 12px 15px 10px;
  text-decoration: none;
  
    font-size: 14px;
margin-right: 25px; 

border-color:black; 
border-width: 5px;
border-radius: 15px;
box-shadow: -3px -4px 7px 0px rgba(42,42,42,.56); 
}



.menuList > ul > form > li:hover > a {
  color: #5c5c8a;
/*  background: #463f51;*/
  font-size: 16px;
}

.menuList .list1 {
  z-index:7;
}


.background1 {background: #e8e3e1;}

.menuList .list1:hover > ul {
  display: block;
}
.menuList .list1 .list2:hover > ul {
  display: block;
}
.menuList .list1 .list2 .list3:hover > ul {
  display: block;
}

.menuList .list1 ul {
  display: none;
  position: absolute;
  width: 200%;
  top: 100%;
  left: 0;
  max-height: 400px;
  overflow-y: scroll;
  z-index: 5;
  border-color:black; 
border-width: 10px;
border-radius: 15px;
margin-bottom: 100px;
}



.menuList .list1 .list2 ul {
  display: none;
  position: absolute;
/*  right: -250px;*/
  width: 75%;
  
  top: 100%;
left: 100px;

  border-color:black; 
border-width: 10px;
border-radius: 0px;
border-bottom-left-radius: 15px;
/*  height: 300px;*/
  overflow-y: scroll;
  z-index: 10;
}

.menuList .list1 ul li {
  *margin-bottom: -1px;
}
/*main selection list*/
.menuList .list1 ul li a, .list2 ul li a{
    font-size: 16px;
/*  background: #f3edfc;*/
  /* border-bottom: 1px dotted #31b7f1;*/
  
  filter: none;
  display: block;
  /* line-height: 100%;*/
  padding: 10px;
  color:#825561;
}

/*main selection list on hover */
.menuList .list1 ul li:hover a {
  background: #a79eb2;
  color: #ffffff;
}

/* for sub- subofsub*/
.menuList .list2 ul li:hover a {
  background: #f2dce4;
  color:#825561;
}


.menuList ul ul li.last > a,
.menuList ul ul li:last-child > a,
.menuList ul ul ul li.last > a,
.menuList ul ul ul li:last-child > a,
.menuList .list1 ul li:last-child > a,
.menuList .list1 ul li.last > a {
  border-bottom: 0;
}